import { createElement } from "./framework.js";
import Carousel from "./Carousel";
import { Timeline, Animation } from "./animation";

let d = [
  "https://static001.geekbang.org/resource/image/bb/21/bb38fb7c1073eaee1755f81131f11d21.jpg",
  "https://static001.geekbang.org/resource/image/1b/21/1b809d9a2bdf3ecc481322d7c9223c21.jpg",
  "https://static001.geekbang.org/resource/image/b6/4f/b6d65b2f12646a9fd6b8cb2b020d754f.jpg",
  "https://static001.geekbang.org/resource/image/73/e4/730ea9c393def7975deceb48b3eb6fe4.jpg",
];

let a = <Carousel src={d} />;
a.mountTo(document.body);

let timeline = new Timeline();
let animation = new Animation(
  {
    set a(v) {
      console.log(v);
    },
  },
  "a",
  0,
  100,
  10000,
  null
);
window.animation = animation;
window.timeline = timeline;
// timeline.add(animation);
// timeline.start();
// timeline.pause();
